@charset "utf-8";
@import url("user.css");
html { width: 100%; height: 100%; clear: both;}
body { margin: 0px; padding: 0px; font-size: 12px; line-height: 23px; color: #333; background-color: #E6E6E6; list-style-type: none; list-style-position: inherit; overflow-x: hidden; font-family: "微软雅黑", Arial, Verdana; }
a { color: #666; text-decoration: none; }
a:hover { color: #000; }
font {font-size:12px;}
form { margin: 0px; padding: 0px; display: block; clear: both; }
form ul { list-style:none; margin:5px; padding:5px; font-size:14px;}
form ul li { margin-bottom:5px;}
td { font-size: 12px; text-transform: capitalize; }
img { vertical-align: middle; border:0px; }
.dropmenu,.dropmenu div{ margin: 0px; padding: 0px; position: absolute; left: 0; top: 0; list-style-type: none; border-bottom-width: 0; visibility: hidden; z-index: 100; background-color: #004677; line-height: 24px; }
.dropmenu ul{ margin: 0px; padding: 0px; left: 0; top: 0; list-style-type: none; position: absolute; white-space: nowrap; }
.dropmenu ul li{ display: inline-inline; margin: 0px; padding: 0px; }
.dropmenu ul li a{ display: block; color: #FFF; padding: 0px 11px; margin: 0px; }
.dropmenu li a:hover{ background-color: #E9E9E9; color: #000; }
.ddiframeshim{ position: absolute; z-index: 500; background: transparent; border-width: 0px; width: 0; height: 0; display: block; }

#head { margin: 0px auto; width: 970px; padding: 0px; background-image: url(images/001_06.png); }
#head .top { clear: both; height: 137px; background-image: url(images/001_02.png); background-repeat: no-repeat; background-position: top center; }
#head .top h1 { margin: 0px; float: left; margin-top: 20px; width: 500px; height: 50px; overflow: hidden; }
#head .top h1 a { display: block; color: #600; line-height: 45px; font-family: Verdana, Geneva, sans-serif; height: 100%; font-size: 35px; }
#head .top h1 img { margin: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center left; }
#head .top .side{ margin-top: 35px; line-height: 20px; float: right; height: 20px; text-align: right; margin-right: 12px; }
#head .top .side form { display: none; }
#head .top .side ul{ margin: 0px; padding: 0px; list-style-type: none; }
#head .top .side ul li{ display: inline; list-style-type: none; }
#head .top .side ul li a{ display: inline-block; border-left: 1px dotted #ddd; padding: 0px 3px; line-height: 1.2em; margin: 0px; }
#head .top .side ul li a:hover{ color: #000; }
#head .nav { line-height: 30px; height: 30px; padding: 0px 20px; overflow: hidden; margin-top: -45px; margin-bottom: 15px; margin-right: 10px; }
#head .nav ul { margin: 0px; list-style-type: none; padding: 0px 9px; display: inline-block; overflow: hidden; }
#head .nav ul li { list-style-type: none; margin: 0px; padding: 0px; color: #666; display: inline-block; overflow: hidden; list-style-position: inside; float: left; }
#head .nav ul li:hover { color: #000;}
#head .nav ul li a { color: #333; text-decoration: none; font-size: 14px; display: inline-block; padding: 0px 10px; overflow: hidden; text-transform: uppercase; }
#head .nav ul li a:hover, #head .nav ul li a.selected { color: #FFF; background-color: #1D1D1D; }
#head .nav ul li a img { display: none; }
#head .subnav{ height: 1px; overflow: hidden; margin-top: -1px; }
#head .banner { height: 300px; margin: 0px 5px; padding: 0px; background-image: url(../images/loading.gif); width: 960px; clear: both; background-position: center; background-repeat: no-repeat; }
#head .banner .nm { font-size: 12px; z-index: 22; font-family: Verdana, Geneva, sans-serif; margin-top: 270px; margin-left: 20px; }
#head .banner .nm a { margin: 1px; display: inline-block; color: #333; text-indent: -999px; background-image: url(../images/bullet_white.png); width: 16px; height: 16px; overflow: hidden; }
#head .banner .nm a:hover { background-image: url(../images/bullet_green.png); color: #FFF; }
#head .banner .nm a.activeSlide { color: #CCC; background-image: url(../images/bullet_blue.png); }

#sido  { height: 10px; overflow: hidden; display: none; }
#main { margin: 0px auto; clear: both; padding: 15px 5px; width: 960px; background-color: #FFF; background-image: url(images/001_06.png); }
#cont  { float: none; width: 100%;}

#side { width: 180px; float: left; }
#side .box { padding: 1px 0px 1px 5px; text-align: right; }
#side .box_head { overflow: hidden; display: none; }
#side .box_foot { height: 15px; overflow: hidden; margin: 0px; background-image: url(images/001_19.png); background-repeat: no-repeat; }
#side .box ul { margin: 3px; padding: 0px;}
#side .box ul li{ list-style-type: none; list-style-position: outside;}
#side .box ul li a{display:block; text-overflow: ellipsis; white-space:nowrap; overflow:hidden;}
#side .labe { font-size: 14px; line-height: 30px; height: 30px; color: #225171; padding-left: 21px; text-transform: capitalize; }
#side .labe .en { color:#aaa;}
#side ol.sub1 { color: #333333; list-style-type: none; list-style-position: outside; margin: 1px 0px 1px -5px; padding: 0px; line-height: 26px; text-align: left; }
#side ol.sub1 li{ color: #333333; list-style-type: none; border-bottom:1px solid #fff; }
#side ol.sub1 li a { color: #333; display: block; padding-left: 20px; border-bottom: 0px solid #ddd; border-top: 0px solid #f0f0f0; background-repeat: no-repeat; background-position: center left; background-color: #CCC; background-image: url(../images/toumin.gif); }
#side ol.sub1 li a:hover { color: #000; border-top: 0px solid #fff; }
#side ol.sub1 li.loc { }
#side ol.sub1 li a.loc { color: #FFF; background-color: #666; }
#side ol.sub1 li a.loc:hover { color: #000; }

#side ol.sub2 { color: #666666; margin: 0px; padding: 2px 0px; }
#side ol.sub2 li { color: #666666; margin: 0px; padding: 0px; }
#side ol.sub2 li a { color: #333; background-image: url(none); font-weight: normal; border-bottom: 1px solid #ddd; border-top: 0px solid #ddd; }
#side ol.sub2 li a:hover { color: #000; background-image: url(none); border-top: 0px solid #ddd; }
#side ol.sub2 li.loc { }
#side ol.sub2 li a.loc { color: #930; background-image: url(../images/bullet_arrow_right.png); background-position: 3px 3px; font-weight: normal; }
#side ol.sub2 li a.loc:hover { background-color: #FFF; }

#side ol.sub3 { color: #666666; margin: 0px; padding: 0px; }
#side ol.sub3 li { color: #666666; margin: 0px; }
#side ol.sub3 li a { color: #333; padding-left: 30px; font-weight: normal; }
#side ol.sub3 li a:hover { }
#side ol.sub3 li.loc { }
#side ol.sub3 li a.loc { background-image: url(../images/bullet_arrow_down.png); background-position: 9px 3px; }
#side ol.sub3 li a.loc:hover { }

#page { width: 740px; float: right; overflow: hidden; }
#page .cont { width:500px;}
#page .side { width: 200px; margin-right: 5px; }
#page .banner { height: 15px; display: none; }
#page .banner .nm { font-size: 12px; margin: 15px; z-index: 22; text-align: center; width: 22px; }
#page .banner .nm a { margin: 3px auto; display: block; color: #333; }
#page .banner .nm a:hover { background-color: #CFDADD; }
#page .banner .nm a.activeSlide { background-color: #21A7C0; color: #FFF; }

#page .page_head { height: 15px; display: none; }
#page .page_foot { height: 20px; overflow: hidden; }
#page .box_head { display: none;}
#page .box_foot { height: 20px; overflow: hidden; margin-top: -20px; }
#page .box { padding: 9px; text-transform: inherit; margin-bottom: 10px; }
#page .labe { font-size: 14px; color: #004677; height: 34px; line-height: 34px; text-transform: capitalize; vertical-align: middle; border-bottom: 1px solid #eee; margin-bottom: 5px; }
#page .labe a { color: #004677; }
#page .labe a:hover { color: #000; }
#page .labe .en { color: #aaa; }
#page .sub1 { font-size: 12px; color: #333; height: 25px; line-height: 25px; padding: 0px; }
#page .sub1 a { color: #333;}
#page .sub1 a:hover { color: #000;}
#page .sub2 { font-size: 12px; color: #333; height: 20px; line-height: 20px; margin: 3px 9px; padding: 0px 5px; background-color: #f0f0f0; margin-bottom: 5px; text-transform: capitalize; }
#page .sub2 a { color: #333;}
#page .sub2 a:hover { color: #000;}
#page .labt { text-align:center; margin-bottom: 5px; border-bottom: 1px dotted #ddd; margin-right: 5px; margin-left: 5px; }

#page .show_list { display: inline-block; text-align: center; width: 25%; *float: left; overflow: hidden; margin: 5px 0px; list-style: none; }
#page .show_list .show_pics { height: 145px; overflow: hidden; border: 1px solid #ddd; background-image: url(../images/loading.gif); background-repeat: no-repeat; background-position: center; margin: 5px 10px; background-color: #FFF; padding: 5px; }
#page .show_list .show_pics:hover { border: 1px solid #ccc; }
#page .show_list .show_pics a { height:100%; display:block; width: 100%; overflow: hidden; }
#page .show_list .show_pics img { height:100%; background-repeat: no-repeat; background-position: center; }
#page .show_list .show_text { line-height: 1.3em; height: 2.6em; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; }
#page .show_list .show_text a { display: block; }

#page .item_view { overflow: hidden; width: 300px; float: left; }
#page .item_view .upic { height: 300px; overflow: hidden; padding: 4px; border: 1px solid #ddd; background-color: #FFF; background-image: url(../images/loading.gif); background-position: center; background-repeat: no-repeat; text-align: left; }
#page .item_view .upic a { height: 100%; display: block; overflow: hidden; }
#page .item_view .upic a img { max-width:none; }
#page .item_pics { padding: 5px 0px; margin: 0px -1px; }
#page .item_pics li { display: inline-block; padding: 0px; margin: 0px; width: 25%; overflow: hidden; list-style: none; float: left; }
#page .item_pics li a { display: block; border: 1px solid #ddd; padding: 1px; margin: 1px; overflow: hidden; height: 70px; width: auto; }
#page .item_pics li a:hover { border: 1px solid #ccc; }
#page .item_pics li a img  { width: 50%; height: 50%; }
#page .item_info { margin: 0px; padding: 0px; float: right; width: 340px; }
#page .item_info  ul { margin: 0px; padding: 0px; list-type: none; list-style: none; }
#page .item_info .rows { }
#page .item_info .rows ul { margin: 0px; padding: 0px; }
#page .item_info .rows ul li{ margin: 0px; padding: 0px; }
#page .item_info .mess { }
#page .item_info .shop { padding: 5px 0px; border-top: 1px dotted #ddd; }
#page .item_info .cart { border-top: 1px dotted #ddd; margin-top: 5px; padding-top: 5px; }
#page .item_info .cart a{ display: inline-block; margin: 0px; border: 1px solid #C60; padding: 1px 6px; text-transform: capitalize; line-height: 22px; background-color: #C60; color: #FFF; font-size: 14px; font-weight: bold; border-radius: 4px; letter-spacing: 1px; }
#page .item_info .cart a:hover{ list-style-type: none; background-color: #F63; }
#page .item_info .quot { border-top: 1px dotted #ddd; margin-top: 5px; padding-top: 5px; }
#page .item_info .quot a{ display: inline-block; margin: 0px; border: 1px solid #ccd; padding: 1px 9px; text-transform: capitalize; font-family: Tahoma, Geneva, sans-serif; line-height: 22px; border-radius: 3px; font-size: 14px; background-color: #eee; }
#page .item_info .quot a:hover{ list-style-type: none; border: 1px solid #abb; }
#page .item_info .pics { margin-top: 5px; padding-top: 5px; border-top: 1px dotted #ddd; }
#page .item_info .pics img { background-position: center; width: 16px; height: 16px; padding-top: 33px; padding-left: 33px; display: inline-block; border: 1px solid #ddd; padding-bottom: 3px; padding-right: 3px; margin-right: 2px; background-repeat: no-repeat; margin-bottom: 2px; }
#page .item_info .pics img:hover { padding-top: 30px; padding-left: 30px; padding-bottom: 6px; padding-right: 6px; border: 1px solid #ccc; }
#page .item_info .ubar { padding: 5px 0px; text-transform: uppercase; font-size: 10px; border-top: 1px dotted #ddd; margin: 5px 0px; }
#page .item_info .ubar a{ font-size: 12px; display: inline-block; padding: 0px 5px 0px 20px; background-color: #eee; background-repeat: no-repeat; background-position: 3px center; line-height: 18px; border: 1px solid #ddd; text-transform: capitalize; border-radius: 4px; }
#page .item_info .ubar a:hover{ background-color: #f0f0f0; border: 1px solid #ccc; }

#page .item_memo { }
#page .item_memo table { border-right: 1px solid #ddd; border-top: 1px solid #ddd; }
#page .item_memo td{ border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 3px; }
#page .item_memo tr:hover{ background-color:#FFC; }

#page .search_list { padding: 5px; border-top: 1px dotted #ddd; }
#page .search_list:hover { background-color: #FFd; }
#page .search_list .search_pics { float: left; width: 100px; height: 100px; }
#page .search_list .search_pics a { width: 100%; height: 100%; display:block; overflow: hidden; }
#page .search_list .search_pics img { width: 100%; }
#page .search_list .search_text { margin-left: 120px; }

#page .msgs_tops { margin: 0px; padding: 0px 3px; line-height: 25px; height: 25px; border-bottom: 1px solid #ddd; }
#page .msgs_tops a { display: inline-block; float: left; color: #666; padding: 0px 10px; border: 1px solid #ddd; border-bottom: 0px; margin-right: 1px; text-transform: capitalize; }
#page .msgs_tops a:hover { color: #000; background-color: #D6D6D6; }
#page .msgs_list { margin: 3px; padding: 3px; border-bottom: 1px dotted #ddd; }
#page .msgs_form { margin: 3px;}

#page .news_list { margin: 3px; padding: 0px 10px; }
#page .news_list a { color:#004677; text-decoration:underline;}
#page .news_list .line { list-style-type: none; padding: 0px; height: 5px; margin-bottom: 5px; border-bottom: 1px dotted #ddd; }

#page ul.link_list { margin: 0px; padding: 0px; }
#page ul.link_list li { list-style-type: none; padding: 0px; margin: 0px; text-align: center; width: 25%; display: inline-block; height:55px; line-height:55px; }

#page .page_num { line-height: 22px; margin-top: 10px; margin-bottom: 10px; clear: both; border-top: 1px dotted #ddd; padding: 6px; text-align: right; }
#page .page_num div.pages { display: inline-block; padding: 0px; margin-right: 1px; color: #666; float: left; }
#page .page_num div.pages:hover {	color: #000;}
#page .page_num a.pages { display: inline-block; padding: 0px 3px; margin-right: 1px; color: #666; background-color: #FFF; border: 1px solid #eee; }
#page .page_num a.pages:hover { border: 1px solid #333; color: #000; background-color: #D6D6D6; }
#page .tips { background-color: #FFe; border: 1px solid #fdc; margin: 5px 0px; padding: 5px; color: #333; font-size: 14px; }
#page .tips img { float: right; }

#foot { clear: both; margin: 0px auto; width: 970px; padding: 0px; background-image: url(images/001_08.png); background-repeat: no-repeat; background-position: bottom center; }
#foot .link { height: 20px; color: #CCC; line-height: 20px; font-size: 12px; margin: 0px 6px; padding: 10px 10px 0px 10px; border-top: 1px solid #ddd; text-align: left; }
#foot .link ul { margin: 0px; padding: 0px;}
#foot .link ul li { margin: 0px; padding: 0px 4px; display: inline;}
#foot .link ul li a { color: #333; }
#foot .link ul li a:hover { color: #000; }
#foot .copy { color: #666; padding: 0px 10px 35px 10px; line-height: 20px; margin: 0px 5px; }
#foot .mark { display: none; }

#link { text-align: right; }
#link ul { margin: 0px 5px; padding: 0px; }
#link ul li { margin: 0px 5px; }
#link ul li a { color: #666; }

.left { float:left;}
.right { float:right;}
.arrow { background-image: url(../images/bullet_arrow_right.png); background-position: center; background-repeat: no-repeat; white-space:nowrap; display: inline; text-indent: -9999px; overflow: hidden; position: relative; }
.arrow a{ display: inline-block; width: 15px; }
.center { text-align:center; }

.button_search   { font-size: 12px; background-image: url(../images/zoom.png); border: 0px; background-repeat: no-repeat; background-position: center; width: 16px; height: 18px; display: inline; background-color: #FFF; overflow: hidden; margin: 0px; padding: 0px; }
.button_iclick { display: inline-block; width: 22px; height: 22px; line-height: 20px; font-size: 20px; background-color: #666; border: 2px solid #fff; color: #FFF; text-align: center; border-radius: 16px; vertical-align: middle; margin: 0px; padding: 0px; overflow: hidden; box-shadow: 0 0 3px #333; }
.button_iclick:hover { text-shadow: 0 0 3px #ddd; background-color: #333; color: #FFF; box-shadow: 0 0 4px #000; }
input.keys { font-size: 14px; border: 1px solid #ddd; height: 18px; width: 160px; margin: 0px; padding: 0px; margin-right: -22px; }
input.keys:hover {}
input.text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; border: 1px solid #ccc; color: #333; -moz-box-shadow: 0px 0px 4px #000; }
input.text:hover{ border: 1px solid #888;}
input.button,a.button { font-size: 14px; border: 1px solid #666; height: 25px; color: #FFF; line-height: 24px; padding: 0px 12px; background-color: #3E474C; font-family: Verdana, Geneva, sans-serif; border-radius: 3px; box-shadow: 0 0 2px #ddd; display: inline-block; }
input.button:hover,a.button:hover{ color: #FFF; background-color: #555; text-shadow: 0 0 1px #fff; }
textarea.text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; border: 1px solid #ccc; color: #333; -moz-box-shadow: 0px 0px 4px #000; }
textarea.text:hover{ border: 1px solid #888;}

.clearfix { display: block; margin: 0px; clear: both; padding: 0px; visibility: hidden; height: 1px; margin-top: -1px; overflow: hidden;}
.clearfix:after {height: 0px;}
.lightwin { background:#FFFFFF; border:1px solid #fff; border-radius:5px 5px 0px 0px; -webkit-box-shadow:0px 0px 9px #333; padding-top: 20px; }
.lightbox { background:#FFFFFF; width: 100%; height: 100%; border-radius:4px 4px 0px 0px; margin-top: -20px; }
.lightbox .labe{ height: 20px; line-height: 20px; background-color: #0A2A37; padding: 0px; border-radius:5px 5px 0px 0px; text-transform: uppercase; color: #FFF; }
.lightbox .labe a{ float: right; font-size: 22px; text-decoration: none; color: #999; line-height: 16px; display: inline-block; width: 20px; height: 20px; text-align: center; font-family: Verdana, Geneva, sans-serif; }
.lightbox .labe a:hover{ color: #FFF; }
.lightbox .labe .tags{ display: inline-block; height: 20px; padding-left: 5px; line-height: 20px; }

.ui-tabs-hide { display: none; }
.ui-tabs-panel { height:100%;}
ul.tag { margin: 5px; padding: 0px 5px; border-bottom: 1px solid #ddd; height: 28px; line-height: 28px;}
ul.tag li{ overflow: hidden; list-style-type: none; display: inline-block; padding: 0px; float: left; margin-right: 1px;}
ul.tag li.ui-tabs-selected { color: #000; border: 1px solid #ddd; border-bottom: 0px; border-radius: 5px 5px 0px 0px;}
ul.tag li a{ display: inline-block; overflow: hidden; color: #666; padding: 0px 9px; text-align: center; border-radius: 5px 5px 0px 0px; background: #eee;}
ul.tag li.ui-tabs-selected  a{ color: #000; background-color: #FFF; }

#home_aboutus a { color:#004677; text-decoration:underline;}
#home_aboutus>img { float:left; width:165px; padding-right:-165px;}
#home_aboutus>div { margin-left:180px; line-height:18px; }